<!doctype html>
<!--[if IE 7 ]>
<html class="no-js ie ie7 lte7 lte8 lte9" lang="zh"> <![endif]-->
<!--[if IE 8 ]>
<html class="no-js ie ie8 lte8 lte9" lang="zh"> <![endif]-->
<!--[if IE 9 ]>
<html class="no-js ie ie9 lte9" lang="zh"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js" lang="zh"> <!--<![endif]-->
<head data-live-domain="api.jquery.com">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Ajax Events | jQuery API Documentation</title>

    <meta name="author" content="JS Foundation - js.foundation">
    <meta name="description" content="">

    <meta name="viewport" content="width=device-width">

    <link rel="shortcut icon" href="../../jquery-wp-content/themes/api.jquery.com/i/favicon.ico">

    <link rel="stylesheet" href="../../jquery-wp-content/themes/jquery/css/base.css?v=3">
    <link rel="stylesheet" href="../../jquery-wp-content/themes/api.jquery.com/style.css">

    <script src="../../jquery-wp-content/themes/jquery/js/modernizr.custom.2.8.3.min.js"></script>

    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>

    <script src="../../jquery-wp-content/themes/jquery/js/plugins.js"></script>
    <script src="../../jquery-wp-content/themes/jquery/js/main.js"></script>

    <script src="https://use.typekit.net/wde1aof.js"></script>
    <script>try {
        Typekit.load();
    } catch (e) {
    }</script>
    <!-- at the end of the HEAD -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"/>
    <link rel="stylesheet" href="../../jquery-wp-content/themes/jquery/css/docsearch.css">

    <link rel='https://api.w.org/' href='../wp-json/'/>
    <meta name="generator" content="WordPress 4.5.2"/>
    <link rel="alternate" type="application/json+oembed"
          href="//api.jquery.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fapi.jquery.com%2FAjax_Events%2F"/>
    <link rel="alternate" type="text/xml+oembed"
          href="//api.jquery.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fapi.jquery.com%2FAjax_Events%2F&#038;format=xml"/>

</head>
<body class="api jquery page page-id-1 page-template-default page-slug-ajax_events single-author singular">

<header>
    <section id="global-nav">
        <nav>
            <div class="constrain">
                <ul class="projects">
                    <li class="project jquery"><a href="../../jquery.com/" title="jQuery">jQuery</a></li>
                    <li class="project jquery-ui"><a href="https://jqueryui.com/" title="jQuery UI">jQuery UI</a></li>
                    <li class="project jquery-mobile"><a href="https://jquerymobile.com/" title="jQuery Mobile">jQuery
                        Mobile</a></li>
                    <li class="project sizzlejs"><a href="https://sizzlejs.com/" title="Sizzle">Sizzle</a></li>
                    <li class="project qunitjs"><a href="https://qunitjs.com/" title="QUnit">QUnit</a></li>
                </ul>
                <ul class="links">
                    <li><a href="https://plugins.jquery.com/">Plugins</a></li>
                    <li class="dropdown"><a href="https://contribute.jquery.org/">Contribute</a>
                        <ul>
                            <li><a href="https://js.foundation/CLA">CLA</a></li>
                            <li><a href="https://contribute.jquery.org/style-guide/">Style Guides</a></li>
                            <li><a href="https://contribute.jquery.org/triage/">Bug Triage</a></li>
                            <li><a href="https://contribute.jquery.org/code/">Code</a></li>
                            <li><a href="https://contribute.jquery.org/documentation/">Documentation</a></li>
                            <li><a href="https://contribute.jquery.org/web-sites/">Web Sites</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="https://js.foundation/events">Events</a>
                        <ul class="wide">
                        </ul>
                    </li>
                    <li class="dropdown"><a href="https://jquery.org/support/">Support</a>
                        <ul>
                            <li><a href="https://learn.jquery.com/">Learning Center</a></li>
                            <li><a href="https://irc.jquery.org/">IRC/Chat</a></li>
                            <li><a href="https://forum.jquery.com/">Forums</a></li>
                            <li><a href="https://stackoverflow.com/tags/jquery/info">Stack Overflow</a></li>
                            <li><a href="https://jquery.org/support/">Commercial Support</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="https://js.foundation/">JS Foundation</a>
                        <ul>
                            <li><a href="https://js.foundation/about/join">Join</a></li>
                            <li><a href="https://js.foundation/about/members">Members</a></li>
                            <li><a href="https://js.foundation/about/leadership">Leadership</a></li>
                            <li><a href="https://js.foundation/community/code-of-conduct">Conduct</a></li>
                            <li><a href="https://js.foundation/about/donate">Donate</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </section>
</header>

<div id="container">
    <div id="logo-events" class="constrain clearfix">
        <h2 class="logo"><a href="../../jquery.com/" title="jQuery API Documentation">jQuery API Documentation</a>
        </h2>

        <aside>
            <div id="broadcast">
                <a href="https://js.foundation/about/donate" title="Support the JS Foundation"><img
                        src="../../jquery-wp-content/themes/jquery/content/donate.png" title="Support the JS Foundation"
                        alt="Support the JS Foundation" width="400" height="100"></a>
            </div>
        </aside>
    </div>

    <nav id="main" class="constrain clearfix">
        <div class="menu-top-container">
            <ul id="menu-top" class="menu">
                <li class="menu-item"><a href="../../jquery.com/download/">下载</a></li>
                <li class="menu-item current"><a href="../">API 文档</a></li>
                <li class="menu-item"><a href="../../blog.jquery.com/">博客</a></li>
                <li class="menu-item"><a href="../../plugins.jquery.com/">插件</a></li>
                <li class="menu-item"><a href="../../jquery.com/browser-support/">浏览器支持</a></li>
            </ul>
        </div>

        <form method="get" class="searchform" action="../../api.jquery.com/">
            <button type="submit" class="icon-search"><span class="visuallyhidden">search</span></button>
            <label>
                <span class="visuallyhidden">Search jQuery API Documentation</span>
                <input type="text" name="s" value=""
                       placeholder="搜索">
            </label>
        </form>
    </nav>

    <div id="content-wrapper" class="clearfix row">


        <div class="content-right twelve columns">
            <div id="content">
                <h1 class="entry-title">Ajax事件</h1>
                <hr>


                <p>Ajax请求生成许多不同的事件，您可以订阅这些事件。下面是事件的完整列表以及它们被触发的顺序。</p>
                <p>有两种类型的事件：</p>
                <h3>局部事件</h3>
                <p>这些是您可以在Ajax请求对象中订阅的回调，如下所示：</p>
                <div class="syntaxhighlighter javascript">
                    <table>
                        <tbody>
                        <tr>

                            <td class="gutter">

                                <div class="line n1">1</div>

                                <div class="line n2">2</div>

                                <div class="line n3">3</div>

                                <div class="line n4">4</div>

                                <div class="line n5">5</div>

                                <div class="line n6">6</div>

                                <div class="line n7">7</div>

                                <div class="line n8">8</div>

                                <div class="line n9">9</div>

                            </td>

                            <td class="code">
                                <pre><div class="container"><div class="line"><code> $.ajax({</code></div></div><div
                                        class="container"><div class="line"><code>   <span
                                        class="hljs-attr">beforeSend</span>: <span class="hljs-function"><span
                                        class="hljs-keyword">function</span>(<span class="hljs-params"></span>)</span>{</code></div></div><div
                                        class="container"><div class="line"><code>     <span class="hljs-comment">// 处理请求发送前事件</span></code></div></div><div
                                        class="container"><div class="line"><code>   },</code></div></div><div
                                        class="container"><div class="line"><code>   <span
                                        class="hljs-attr">complete</span>: <span class="hljs-function"><span
                                        class="hljs-keyword">function</span>(<span class="hljs-params"></span>)</span>{</code></div></div><div
                                        class="container"><div class="line"><code>     <span class="hljs-comment">// 处理完成请求事件</span></code></div></div><div
                                        class="container"><div class="line"><code>   }</code></div></div><div
                                        class="container"><div class="line"><code>   <span class="hljs-comment">// ......</span></code></div></div><div
                                        class="container"><div class="line"><code> });</code></div></div></pre>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <h3>全局事件</h3>
                <p>这些事件在<code>文档</code>上被触发，调用任何可能正在侦听的处理程序。您可以像这样监听这些事件：</p>
                <div class="syntaxhighlighter javascript">
                    <table>
                        <tbody>
                        <tr>

                            <td class="gutter">

                                <div class="line n1">1</div>

                                <div class="line n2">2</div>

                                <div class="line n3">3</div>

                                <div class="line n4">4</div>

                                <div class="line n5">5</div>

                            </td>

                            <td class="code">
                                <pre><div class="container"><div class="line"><code> $(document).bind( <span
                                        class="hljs-string">&quot;ajaxSend&quot;</span> , <span class="hljs-keyword">function</span>(){</code></div></div><div
                                        class="container"><div class="line"><code>   $( <span class="hljs-string">&quot;#loading&quot;</span> ).show();</code></div></div><div
                                        class="container"><div class="line"><code> }).bind( <span
                                        class="hljs-string">&quot;ajaxComplete&quot;</span>, <span class="hljs-keyword">function</span>(){</code></div></div><div
                                        class="container"><div class="line"><code>   $( <span class="hljs-string">&quot;#loading&quot;</span> ).hide();</code></div></div><div
                                        class="container"><div class="line"><code> });</code></div></div></pre>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <p>通过传入全局选项，可以禁用特定Ajax请求的全局事件，如下所示：</p>
                <div class="syntaxhighlighter javascript">
                    <table>
                        <tbody>
                        <tr>

                            <td class="gutter">

                                <div class="line n1">1</div>

                                <div class="line n2">2</div>

                                <div class="line n3">3</div>

                                <div class="line n4">4</div>

                                <div class="line n5">5</div>

                            </td>

                            <td class="code">
                                <pre><div class="container"><div class="line"><code> $.ajax({</code></div></div><div
                                        class="container"><div class="line"><code>   <span class="hljs-attr">url</span>: <span
                                        class="hljs-string">&quot;test.html&quot;</span>,</code></div></div><div
                                        class="container"><div class="line"><code>   <span
                                        class="hljs-attr">global</span>: <span class="hljs-literal">false</span>,</code></div></div><div
                                        class="container"><div class="line"><code>   <span
                                        class="hljs-comment">// ...</span></code></div></div><div class="container"><div
                                        class="line"><code> });</code></div></div></pre>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>

                <h3>事件</h3>
                <p>这是Ajax事件的完整列表，以及它们的触发顺序。每个Ajax请求都会或多或少触发其中的事件（除非设置了全局选项）。ajaxStart和ajaxStop事件是同时与所有Ajax请求相关的事件。
                </p>
                <ul>
                    <li><b>ajaxStart</b> (全局事件)<br>如果启动了Ajax请求且当前没有运行其他Ajax请求，则会触发此事件。
                        <ul>
                            <li><b>beforeSend</b> (局部事件)<br>此事件在Ajax请求启动之前触发，允许您修改XMLHttpRequest对象（如果需要可设置请求头）。
                            </li>
                            <li><b>ajaxSend</b> (全局事件)<br>在运行请求之前也会触发此全局事件。
                            </li>
                            <li><b>success</b> (局部事件)<br>仅当请求成功时（服务器没有错误，数据没有错误），才会调用此事件。
                            </li>
                            <li><b>ajaxSuccess</b> (全局事件)<br>仅当请求成功时，才会调用此事件。
                            </li>
                            <li><b>error</b> (局部事件)<br>仅当请求发生错误时才会调用此事件（请求中不可能同时出现错误和成功回调）。
                            </li>
                            <li><b>ajaxError</b> (全局事件)<br>此全局事件的行为与本地错误事件相同。
                            </li>
                            <li><b>complete</b> (局部事件)<br>无论请求是否成功，都会调用此事件。您将始终收到完整的回调，即使对于同步请求也是如此。
                            </li>
                            <li><b>ajaxComplete</b> (全局事件)<br>此事件的行为与complete事件相同，并且将在每次Ajax请求完成时触发。
                            </li>
                        </ul>
                    </li>
                    <li><b>ajaxStop</b> (全局事件)<br>如果不再处理Ajax请求，则会触发此全局事件。
                    </li>
                </ul>
            </div>
            <div id="sidebar" class="widget-area" role="complementary">
                <aside id="categories" class="widget">
                    <ul>
                        <li class="cat-item cat-item-1"><a href="../category/ajax/">Ajax</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-2"><a
                                        href="../category/ajax/global-ajax-event-handlers/">Global Ajax
                                    Event Handlers</a>
                                </li>
                                <li class="cat-item cat-item-3"><a
                                        href="../category/ajax/helper-functions/">Helper Functions</a>
                                </li>
                                <li class="cat-item cat-item-4"><a
                                        href="../category/ajax/low-level-interface/">Low-Level
                                    Interface</a>
                                </li>
                                <li class="cat-item cat-item-5"><a
                                        href="../category/ajax/shorthand-methods/">Shorthand Methods</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-6"><a href="../category/attributes/">Attributes</a>
                        </li>
                        <li class="cat-item cat-item-7"><a href="../category/callbacks-object/">Callbacks
                            Object</a>
                        </li>
                        <li class="cat-item cat-item-8"><a href="../category/core/">Core</a>
                        </li>
                        <li class="cat-item cat-item-9"><a href="../category/css/">CSS</a>
                        </li>
                        <li class="cat-item cat-item-10"><a href="../category/data/">Data</a>
                        </li>
                        <li class="cat-item cat-item-11"><a href="../category/deferred-object/">Deferred
                            Object</a>
                        </li>
                        <li class="cat-item cat-item-87"><a href="../category/deprecated/">Deprecated</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-90"><a
                                        href="../category/deprecated/deprecated-1.3/">Deprecated 1.3</a>
                                </li>
                                <li class="cat-item cat-item-88"><a
                                        href="../category/deprecated/deprecated-1.7/">Deprecated 1.7</a>
                                </li>
                                <li class="cat-item cat-item-89"><a
                                        href="../category/deprecated/deprecated-1.8/">Deprecated 1.8</a>
                                </li>
                                <li class="cat-item cat-item-94"><a
                                        href="../category/deprecated/deprecated-1.9/">Deprecated 1.9</a>
                                </li>
                                <li class="cat-item cat-item-93"><a
                                        href="../category/deprecated/deprecated-1.10/">Deprecated 1.10</a>
                                </li>
                                <li class="cat-item cat-item-98"><a
                                        href="../category/deprecated/deprecated-3.0/">Deprecated 3.0</a>
                                </li>
                                <li class="cat-item cat-item-101"><a
                                        href="../category/deprecated/deprecated-3.2/">Deprecated 3.2</a>
                                </li>
                                <li class="cat-item cat-item-99"><a
                                        href="../category/deprecated/deprecated-3.3/">Deprecated 3.3</a>
                                </li>
                                <li class="cat-item cat-item-100"><a
                                        href="../category/deprecated/deprecated-3.4/">Deprecated 3.4</a>
                                </li>
                                <li class="cat-item cat-item-102"><a
                                        href="../category/deprecated/deprecated-3.5/">Deprecated 3.5</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-12"><a href="../category/dimensions/">Dimensions</a>
                        </li>
                        <li class="cat-item cat-item-13"><a href="../category/effects/">Effects</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-14"><a href="../category/effects/basics/">Basics</a>
                                </li>
                                <li class="cat-item cat-item-15"><a
                                        href="../category/effects/custom-effects/">Custom</a>
                                </li>
                                <li class="cat-item cat-item-16"><a href="../category/effects/fading/">Fading</a>
                                </li>
                                <li class="cat-item cat-item-17"><a href="../category/effects/sliding/">Sliding</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-18"><a href="../category/events/">Events</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-19"><a
                                        href="../category/events/browser-events/">Browser Events</a>
                                </li>
                                <li class="cat-item cat-item-20"><a
                                        href="../category/events/document-loading/">Document Loading</a>
                                </li>
                                <li class="cat-item cat-item-21"><a
                                        href="../category/events/event-handler-attachment/">Event Handler
                                    Attachment</a>
                                </li>
                                <li class="cat-item cat-item-22"><a
                                        href="../category/events/event-object/">Event Object</a>
                                </li>
                                <li class="cat-item cat-item-23"><a
                                        href="../category/events/form-events/">Form Events</a>
                                </li>
                                <li class="cat-item cat-item-24"><a
                                        href="../category/events/keyboard-events/">Keyboard Events</a>
                                </li>
                                <li class="cat-item cat-item-25"><a
                                        href="../category/events/mouse-events/">Mouse Events</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-26"><a href="../category/forms/">Forms</a>
                        </li>
                        <li class="cat-item cat-item-27"><a href="../category/internals/">Internals</a>
                        </li>
                        <li class="cat-item cat-item-28"><a
                                href="../category/manipulation/">Manipulation</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-29"><a
                                        href="../category/manipulation/class-attribute/">Class
                                    Attribute</a>
                                </li>
                                <li class="cat-item cat-item-30"><a
                                        href="../category/manipulation/copying/">Copying</a>
                                </li>
                                <li class="cat-item cat-item-32"><a
                                        href="../category/manipulation/dom-insertion-around/">DOM
                                    Insertion, Around</a>
                                </li>
                                <li class="cat-item cat-item-33"><a
                                        href="../category/manipulation/dom-insertion-inside/">DOM
                                    Insertion, Inside</a>
                                </li>
                                <li class="cat-item cat-item-34"><a
                                        href="../category/manipulation/dom-insertion-outside/">DOM
                                    Insertion, Outside</a>
                                </li>
                                <li class="cat-item cat-item-35"><a
                                        href="../category/manipulation/dom-removal/">DOM Removal</a>
                                </li>
                                <li class="cat-item cat-item-36"><a
                                        href="../category/manipulation/dom-replacement/">DOM
                                    Replacement</a>
                                </li>
                                <li class="cat-item cat-item-37"><a
                                        href="../category/manipulation/general-attributes/">General
                                    Attributes</a>
                                </li>
                                <li class="cat-item cat-item-38"><a
                                        href="../category/manipulation/style-properties/">Style
                                    Properties</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-39"><a href="../category/miscellaneous/">Miscellaneous</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-40"><a
                                        href="../category/miscellaneous/collection-manipulation/">Collection
                                    Manipulation</a>
                                </li>
                                <li class="cat-item cat-item-41"><a
                                        href="../category/miscellaneous/data-storage/">Data Storage</a>
                                </li>
                                <li class="cat-item cat-item-42"><a
                                        href="../category/miscellaneous/dom-element-methods/">DOM Element
                                    Methods</a>
                                </li>
                                <li class="cat-item cat-item-43"><a
                                        href="../category/miscellaneous/setup-methods/">Setup Methods</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-44"><a href="../category/offset/">Offset</a>
                        </li>
                        <li class="cat-item cat-item-45"><a href="../category/properties/">Properties</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-46"><a
                                        href="../category/properties/jquery-object-instance-properties/">Properties
                                    of jQuery Object Instances</a>
                                </li>
                                <li class="cat-item cat-item-47"><a
                                        href="../category/properties/global-jquery-object-properties/">Properties
                                    of the Global jQuery Object</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-92"><a href="../category/removed/">Removed</a>
                        </li>
                        <li class="cat-item cat-item-48"><a href="../category/selectors/">Selectors</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-49"><a
                                        href="../category/selectors/attribute-selectors/">Attribute</a>
                                </li>
                                <li class="cat-item cat-item-50"><a
                                        href="../category/selectors/basic-css-selectors/">Basic</a>
                                </li>
                                <li class="cat-item cat-item-51"><a
                                        href="../category/selectors/basic-filter-selectors/">Basic
                                    Filter</a>
                                </li>
                                <li class="cat-item cat-item-52"><a
                                        href="../category/selectors/child-filter-selectors/">Child
                                    Filter</a>
                                </li>
                                <li class="cat-item cat-item-53"><a
                                        href="../category/selectors/content-filter-selector/">Content
                                    Filter</a>
                                </li>
                                <li class="cat-item cat-item-54"><a
                                        href="../category/selectors/form-selectors/">Form</a>
                                </li>
                                <li class="cat-item cat-item-55"><a
                                        href="../category/selectors/hierarchy-selectors/">Hierarchy</a>
                                </li>
                                <li class="cat-item cat-item-56"><a
                                        href="../category/selectors/jquery-selector-extensions/">jQuery
                                    Extensions</a>
                                </li>
                                <li class="cat-item cat-item-57"><a
                                        href="../category/selectors/visibility-filter-selectors/">Visibility
                                    Filter</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-58"><a href="../category/traversing/">Traversing</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-59"><a
                                        href="../category/traversing/filtering/">Filtering</a>
                                </li>
                                <li class="cat-item cat-item-60"><a
                                        href="../category/traversing/miscellaneous-traversal/">Miscellaneous
                                    Traversing</a>
                                </li>
                                <li class="cat-item cat-item-61"><a
                                        href="../category/traversing/tree-traversal/">Tree Traversal</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cat-item cat-item-63"><a href="../category/utilities/">Utilities</a>
                        </li>
                        <li class="cat-item cat-item-64"><a href="../category/version/">Version</a>
                            <ul class='children'>
                                <li class="cat-item cat-item-65"><a href="../category/version/1.0/">Version
                                    1.0</a>
                                </li>
                                <li class="cat-item cat-item-66"><a href="../category/version/1.0.4/">Version
                                    1.0.4</a>
                                </li>
                                <li class="cat-item cat-item-67"><a href="../category/version/1.1/">Version
                                    1.1</a>
                                </li>
                                <li class="cat-item cat-item-68"><a href="../category/version/1.1.2/">Version
                                    1.1.2</a>
                                </li>
                                <li class="cat-item cat-item-69"><a href="../category/version/1.1.3/">Version
                                    1.1.3</a>
                                </li>
                                <li class="cat-item cat-item-70"><a href="../category/version/1.1.4/">Version
                                    1.1.4</a>
                                </li>
                                <li class="cat-item cat-item-71"><a href="../category/version/1.2/">Version
                                    1.2</a>
                                </li>
                                <li class="cat-item cat-item-72"><a href="../category/version/1.2.3/">Version
                                    1.2.3</a>
                                </li>
                                <li class="cat-item cat-item-73"><a href="../category/version/1.2.6/">Version
                                    1.2.6</a>
                                </li>
                                <li class="cat-item cat-item-74"><a href="../category/version/1.3/">Version
                                    1.3</a>
                                </li>
                                <li class="cat-item cat-item-75"><a href="../category/version/1.4/">Version
                                    1.4</a>
                                </li>
                                <li class="cat-item cat-item-76"><a href="../category/version/1.4.1/">Version
                                    1.4.1</a>
                                </li>
                                <li class="cat-item cat-item-77"><a href="../category/version/1.4.2/">Version
                                    1.4.2</a>
                                </li>
                                <li class="cat-item cat-item-78"><a href="../category/version/1.4.3/">Version
                                    1.4.3</a>
                                </li>
                                <li class="cat-item cat-item-79"><a href="../category/version/1.4.4/">Version
                                    1.4.4</a>
                                </li>
                                <li class="cat-item cat-item-80"><a href="../category/version/1.5/">Version
                                    1.5</a>
                                </li>
                                <li class="cat-item cat-item-81"><a href="../category/version/1.5.1/">Version
                                    1.5.1</a>
                                </li>
                                <li class="cat-item cat-item-82"><a href="../category/version/1.6/">Version
                                    1.6</a>
                                </li>
                                <li class="cat-item cat-item-83"><a href="../category/version/1.7/">Version
                                    1.7</a>
                                </li>
                                <li class="cat-item cat-item-84"><a href="../category/version/1.8/">Version
                                    1.8</a>
                                </li>
                                <li class="cat-item cat-item-86"><a href="../category/version/1.9/">Version
                                    1.9</a>
                                </li>
                                <li class="cat-item cat-item-103"><a
                                        href="../category/version/1.12-and-2.2/">Version 1.12 &amp;
                                    2.2</a>
                                </li>
                                <li class="cat-item cat-item-95"><a href="../category/version/3.0/">Version
                                    3.0</a>
                                </li>
                                <li class="cat-item cat-item-96"><a href="../category/version/3.1/">Version
                                    3.1</a>
                                </li>
                                <li class="cat-item cat-item-104"><a href="../category/version/3.2/">Version
                                    3.2</a>
                                </li>
                                <li class="cat-item cat-item-105"><a href="../category/version/3.3/">Version
                                    3.3</a>
                                </li>
                                <li class="cat-item cat-item-106"><a href="../category/version/3.4/">Version
                                    3.4</a>
                                </li>
                                <li class="cat-item cat-item-107"><a href="../category/version/3.5/">Version
                                    3.5</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </aside>
            </div>
        </div>

    </div>
</div>

<footer class="clearfix simple">
    <div class="constrain">
        <div class="row">
            <div class="six columns offset-by-three">
                <h3><span>Books</span></h3>
                <ul class="books">
                    <li>
                        <a href="https://www.packtpub.com/web-development/learning-jquery-fourth-edition">
                            <img src="../../jquery-wp-content/themes/jquery/content/books/learning-jquery-4th-ed.jpg"
                                 alt="Learning jQuery 4th Edition by Karl Swedberg and Jonathan Chaffer" width="92"
                                 height="114">
                            Learning jQuery Fourth Edition
                            <cite>Karl Swedberg and Jonathan Chaffer</cite>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.manning.com/books/jquery-in-action-third-edition">
                            <img src="../../jquery-wp-content/themes/jquery/content/books/jquery-in-action.jpg"
                                 alt="jQuery in Action by Bear Bibeault, Yehuda Katz, and Aurelio De Rosa" width="150"
                                 height="188">
                            jQuery in Action
                            <cite>Bear Bibeault, Yehuda Katz, and Aurelio De Rosa</cite>
                        </a>
                    </li>
                    <li>
                        <a href="https://www.syncfusion.com/ebooks/jquery">
                            <img src="../../jquery-wp-content/themes/jquery/content/books/jquery-succinctly.jpg"
                                 alt="jQuery Succinctly by Cody Lindley" width="124" height="166">
                            jQuery Succinctly
                            <cite>Cody Lindley</cite>
                        </a>
                    </li>
                </ul>
            </div>
        </div>


        <div id="legal">
            <ul class="footer-site-links">
                <li><a class="icon-pencil" href="https://learn.jquery.com/">Learning Center</a></li>
                <li><a class="icon-group" href="https://forum.jquery.com/">Forum</a></li>
                <li><a class="icon-wrench" href="../../api.jquery.com/">API</a></li>
                <li><a class="icon-twitter" href="https://twitter.com/jquery">Twitter</a></li>
                <li><a class="icon-comments" href="https://irc.jquery.org/">IRC</a></li>
                <li><a class="icon-github" href="https://github.com/jquery">GitHub</a></li>
            </ul>
            <p class="copyright">
                Copyright 2021 <a href="https://openjsf.org/">OpenJS Foundation</a> and jQuery contributors. All rights
                reserved. See <a href="https://jquery.org/license/">jQuery License</a> for more information. The <a
                    href="https://openjsf.org/">OpenJS Foundation</a> has registered trademarks and uses trademarks. For
                a list of trademarks of the <a href="https://openjsf.org/">OpenJS Foundation</a>, please see our <a
                    href="https://trademark-policy.openjsf.org/">Trademark Policy</a> and <a
                    href="https://trademark-list.openjsf.org/">Trademark List</a>. Trademarks and logos not indicated on
                the <a href="https://trademark-list.openjsf.org/">list of OpenJS Foundation trademarks</a> are
                trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any
                affiliation with or endorsement by them. OpenJS Foundation <a href="https://terms-of-use.openjsf.org/">Terms
                of Use</a>, <a href="https://privacy-policy.openjsf.org/">Privacy</a>, and <a
                    href="https://www.linuxfoundation.org/cookies">Cookie</a> Policies also apply.
                <span class="sponsor-line"><a href="https://www.digitalocean.com" class="do-link">Web hosting by Digital Ocean</a> | <a
                        href="https://www.stackpath.com" class="sp-link">CDN by StackPath</a></span>
            </p>
        </div>

    </div>
</footer>

<script type='text/javascript' src='../wp-includes/js/comment-reply.min.js?ver=4.5.2'></script>
<script type='text/javascript' src='../wp-includes/js/wp-embed.min.js?ver=4.5.2'></script>
<!-- at the end of the BODY -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js" onload="document.querySelector('input[name=\'s\']') && docsearch({apiKey: '3cfde9aca378c8aab554d5bf1b23489b',
		indexName: 'jquery',
		inputSelector: 'input[name=\'s\']',
		debug: true // Set debug to true if you want to inspect the dropdown
	})" async></script>
</body>
</html>
